<template>
    <div>
      <!--首页-->
      <NavHead ref="target1" />
      <MiddleContent ref="target2" />
      <Foot />
      <ChangeLanguage />
      <BackUp />
    </div>
</template>

<script>
    import NavHead from './NavHead'
    import MiddleContent from './MiddleContent'
    import Foot from './Foot'
    import BackUp from '../../common/BackUp'
    import ChangeLanguage from '../../common/ChangeLanguage'

    export default {
        name: "HomePage",
        components:{
            NavHead,
            MiddleContent,
            Foot,
            ChangeLanguage,
            BackUp,
        },
        data(){
            return{
                // component:''
            }
        },
        mounted() {
            this.$refs.target1.setComponent(this.$refs.target2.getComponent())
        }
    }
</script>

<style scoped>
  /*html,body{*/
  /*  width: 100%;*/
  /*  height: 100%;*/
  /*}*/
  /*.loginRegistrationPage{*/
  /*  position: fixed;*/
  /*  top: 0px;*/
  /*  left: 0px;*/
  /*  z-index: 999;*/
  /*}*/
</style>
